<template>
  <div>
    <div class="nav">
      <router-link to='/one'>第一题</router-link>
      <router-link to='/two'>第二题</router-link>
      <router-link to='/three'>第三题</router-link>
      <router-link to='/four'>第四题</router-link>
      <router-link to='/five'>第五题</router-link>
      <router-link to='/six'>第六题</router-link>
      <router-link to='/seven'>第七题</router-link>
      <router-link to='/eight'>第八题</router-link>
      <router-link to='/nine'>第九题</router-link>
      <router-link to='/ten'>第十题</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%;
    background-color: skyblue;
  }
  a {
    padding:5px 10px;
    text-decoration: none;
    font-size: 18px;
  }
</style>